<template>
  <div>
    <div class="col xs-4">
      <vm-flowlist></vm-flowlist>
    </div>
    <div class="col xs-8">
      <div class="col xs-12">
        <vm-flowchart></vm-flowchart>
      </div>
      <div class="col xs-12">
        <div class="col xs-4">
          <vm-flowdetail></vm-flowdetail>
        </div>
        <div class="col xs-4">
          <div class="col xs-12">
            <vm-flowbasic></vm-flowbasic>
          </div>
          <div class="col xs-12">
            <vm-flowabn></vm-flowabn>
          </div>
        </div>
        <div class="col xs-4">
          <vm-flowadvise></vm-flowadvise>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import vmFlowAbn from "@/view/risk2/vmFlowAbn";
import vmFlowAdvise from "@/view/risk2/vmFlowAdvise";
import vmFlowChart from "@/view/risk2/vmFlowChart";
import vmFlowDetail from "@/view/risk2/vmFlowDetail";
import vmFlowList from "@/view/risk2/vmFlowList";
import vmFlowBasic from "@/view/risk2/vmFlowBasic";

export default {
  name: "",
  data() {
    return {};
  },
  components: {
    "vm-flowabn": vmFlowAbn,
    "vm-flowadvise": vmFlowAdvise,
    "vm-flowchart": vmFlowChart,
    "vm-flowdetail": vmFlowDetail,
    "vm-flowlist": vmFlowList,
    "vm-flowbasic": vmFlowBasic
  },
  mounted() {
    this.bus.$emit("loadView", "risk");
  }
};
</script>

<style lang="" scoped>
</style>